<template>
  <div>
    <h2>One: {{ count }}</h2>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "One",
});
</script>

<script setup lang="ts">
import { ref } from "vue";
const count = ref(1);

defineExpose({
  count: count,
});
</script>

<style  scoped >
</style>